<template>
	<div id="app">
		
		<router-view/>
	</div>
</template>

<script>
export default {
  	name: 'App'
}
</script>

<style lang="less">
	.hideText(@line){
		display: -webkit-box;    
		-webkit-box-orient: vertical;
		overflow: hidden;
    	-webkit-line-clamp: @line;
	}
	*{
		padding: 0;
		margin: 0;
		box-sizing: border-box;
	}
	html,body{
		height: 100%;
	}
	#app {
		font-family: "微软雅黑";
		color: #2c3e50;
		background: #f5f5f5;
		
		a{
			text-decoration: none;
			color: @primaryTextColor;
				&:visited{
					color: @primaryTextColor;
				}
		}

		.page{
		display: flex;
		flex-direction: column;
			&_hasHeader{
				padding-top: 46px;
			}

			&_hasFooter{
				padding-bottom: 54px;
			}
		}

		.clear-topLine{
			&::before{
                display: none;
            }
		}
		
		.clear-bottomLine{
			&::after{
                display: none;
            }
		}

		.set-margin{
			margin: 0 20px;
		}
		
	}
  
</style>
